Pseudo-elementos en CSS

1. ::first-line

Esta es la primera línea de un párrafo. Se aplica un estilo especial para que destaque respecto al resto del contenido.

2. ::first-letter

Este párrafo tiene una primera letra en grande y en color rojo, gracias al pseudo-elemento ::first-letter.

3. ::first-letter con clase "intro"

Este párrafo tiene una primera letra más grande aún, pero solo porque pertenece a la clase intro.

4. ::before y ::after en un título

Título con pseudo-elementos ::before y ::after

5. ::marker en listas

• Elemento 1
• Elemento 2
• Elemento 3

6. ::selection (selección de texto)

Prueba a seleccionar este texto para ver el estilo aplicado al pseudo-elemento ::selection.